 <div id="login">
  <div class="login-list">
    <ul>
      <li id="title">
        <p id="login-title">登录</p>
        <div id="title-tel">
          <span>手机验证端口</span>
          <img src="../../assets/login/iPhone%20potrait.png" alt="">
        </div>
      </li>
      <li id="tel">
        <input type="text" placeholder="请输入手机号" [(ngModel)]="str" (focus)="doFocus()" (blur)="doBlur()">
        <div id="tel-err-t">
          <div id="tel-err" *ngIf="doRemove.type"><img src="../../assets/register/error.jpg" alt="">
            <span id="tel-span">{{doRemove.str}}</span>
          </div>
        </div>
      </li>
      <li>
        <input type="password" placeholder="密码" [(ngModel)]="pwd" (focus)="doPwd()" (blur)="dobp()">
        <div id="tel-err-p">
          <div id="pwd-err" *ngIf="doP.type"><img src="../../assets/register/error.jpg" alt="">
            <span id="pwd-span">{{doP.str}}</span>
          </div>
        </div>
      </li>
      <li>
        <input type="text" placeholder="验证码" id="yzm">
        <img src="http://placehold.it/40x40" alt="">
      </li>
      <li id="checkLi">
        <input type="checkbox" id="checkIpt" (click)="enter()">

          <span>自动登录</span>
          <a href="###">忘记密码?</a>


      </li>
      <li id="loginRe">
        <a (click)="doClick()">登录</a>
        <a [routerLink]="['/register']">注册</a>
      </li>
      <li id="prompt">
        <p>提示:未注册用户将直接注册为礼拜五用户</p>
      </li>
      <li id="x-he">
        <img src="../../assets/login/xuxian.png" alt="">
        <span id="hezuo">合作提供者</span>
        <img src="../../assets/login/xuxian.png" alt="">
      </li>
      <li id="wei-qq">
        <img src="../../assets/login/weixin.png" alt="">
        <img src="../../assets/login/qq.png" alt="">
      </li>
    </ul>
  </div>
</div>
